<!DOCTYPE html>
<html>
	<head>
		 <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
			<title></title>
			<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/vant@1.6/lib/index.css">
			<script src="../../js/vue.min.js"></script>
			<script src="../../js/vant.min.js"></script>
			<script src="html5plus://ready"></script>
			<link rel="stylesheet" href="../../css/xq.css" />
		</head>
		<body>
			<div id="app">
				<van-nav-bar  @click-left="onClickLeft" title="我的订单" left-text="返回" left-arrow id="a">
				</van-nav-bar>
				<header style="background-color: red;height: 70px;">
					<p style="color: #FAFAFA;">结算</p>
				</header>
				<section>
					<van-row>
						<van-col span="5">
							<p>商品清单</p>
						</van-col>
					</van-row>
					<van-row>
						<van-col span="5">
							<p>收货地址</p>
						</van-col>
					</van-row>
					<van-row>
						<van-col span="5">
							<p>联系人:</p>
						</van-col>
						<van-col span="18">
							<van-cell-group>
								<van-field v-model="value" placeholder="请输入用户名" />
							</van-cell-group>
						</van-col>
					</van-row>
				
					<van-row>
						<van-col span="5">
							<p>手机号码:</p>
						</van-col>
						<van-col span="18">
							<van-cell-group>
								<van-field v-model="value" placeholder="请输入号码" />
							</van-cell-group>
						</van-col>
					</van-row>
					
					<van-row>
						<van-col span="5">
							<p>详细地址:</p>
						</van-col>
						<van-col span="18">
							<van-cell-group>
								<van-field v-model="value" placeholder="请输入地址" />
							</van-cell-group>
						</van-col>
					</van-row>
					<div id="XuXian"></div>
					<p>支付方式:</p>
					<van-row>
						<van-col span="24">
							<van-radio-group v-model="radio">
								<van-cell-group>
									<van-cell icon="after-sale" title="支付宝" clickable @click="radio = '1'">
										<van-radio name="1" />
									</van-cell>
									<van-cell icon="chat-o" title="微信支付" clickable @click="radio = '2'">
										<van-radio name="2" />
									</van-cell>
								</van-cell-group>
							</van-radio-group>
							</van-radio-group>
						</van-col>
					</van-row>
				</section>
				<footer>
					<van-row>
						<van-tabbar>
							<van-col span="12">
								<p>合计<span style="color: red; font-size: 20px;">0</span>元</p>
							</van-col>
							<van-col span="12">
								<van-goods-action-big-btn van-button type="danger" text="去支付" />
							</van-col>
						</van-tabbar>
					</van-row>
				</footer>
			</div>
			<script>
			var app=new Vue({
				el:"#app",
				data:{
					value: "",
					radio: '1',
				},
				methods: {
					onClickLeft: function() { //返回个人中心
						plus.webview.close(plus.webview.currentWebview(), "slide-out-left");
					}
				}
			})
		   </script>
	</body>
</html>
